body 
{
    background: #b8bfcb; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-radial-gradient(center, ellipse cover,  #b8bfcb 0%, #929ba4 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#b8bfcb), color-stop(100%,#929ba4)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #b8bfcb 0%,#929ba4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #b8bfcb 0%,#929ba4 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #b8bfcb 0%,#929ba4 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #b8bfcb 0%,#929ba4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8bfcb', endColorstr='#929ba4',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
    font-family : Arial, Times New Roman, Tahoma, Calibri;
    color : #9099a2;
}

a
{
    text-decoration : none;
    color : inherit;
}

a:hover 
{
    text-decoration : underline;
    color : #a52f2f;
}

.wrapper 
{
    display : block;
    width : 890px;
    margin : 25px auto 0 auto;
}

.header 
{
    display : block;
    height : 60px;
}

.logo 
{
    display : block;
    margin : 0 auto 15px auto;
}

.content 
{
    display : block;
    width : 940px;
    height : 380px;
    background-color : #fff;
    border-radius : 10px;
    border : 1px solid #697076;
    padding : 25px;
}

.content .left 
{
    display : block;
    width:455px;
    float : left;
    border-right: 1px solid #cbcfd3;
    height : 100%;
}

.content .left .balloon 
{
    display : block;
    float : left;
    width : 117px;
    margin: 80px 0 0 0;
}

.content .left .code 
{
    display : block;
    width : 280px;
    float : right;
    margin : 30px 37px 0 0;
}

.content .left .title 
{
    display : block;
    width : 100%;
    font-size : 35px;
    display : block;
    float : left;
    font-family : Times New Roman, Tahoma;
}

.content .left .message 
{
    display : block;
    width : 100%;
    color : #f00;
    font-size : 17px;
    float : left;
    margin-top : 20px;
}

.content .right 
{
    display : block;
    padding : 10px 15px;
    width : 450px;
    float : left;
    height : 100%;
}

.content .right .title 
{
    font-size : 22px;
    display : block;
}

.content .right .text 
{
    color : #bac2cd;
    font-size : 13px;
    margin-top:10px;
    line-height : 17px;
}

.content .right .title1 
{
    font-size : 17px;
    margin : 20px 0;
}

.content .right .wrap 
{
    display : block;
    width : 100%;
}

.content .right .list 
{
    display : block;
    float : left;
}

.content .right .list li 
{
    display : block;
    margin : 10px 0;
    background : url(../images/arrow.png) 0 50% no-repeat;
    padding-left : 22px;
    border-bottom : 1px solid #e3e7eb;
    width : 205px;
}

.content .right .nav 
{
    display : block;
    float : left;
    width : 100%;
    position : absolute;
    bottom : 50px;
}